
:root {
  --el-color-primary: #00b07e;
  --el-color-primary-light-5: #a8ecd8;
  --el-color-primary-light-3: #05bd88;
  --el-color-primary-light-9: #ecfff5;
  --el-color-primary-light-7: #00b07e;
  --el-color-primary-dark-2: #00b07e95;
}

.el-switch {
  --el-switch-on-color: #00b07e;
}

.el-checkbox {
  --el-checkbox-text-color: #333;
  --el-checkbox-border-radius: 4px;
}

.el-popover {
  --el-popover-border-radius: 10px;
}

.el-input {
  font-size: 13px;
  --el-input-border-radius: 6px;
  &.is-disabled {
    cursor: default;
    .el-input__wrapper {
      box-shadow: none;
      .el-input__inner {
        cursor: default;
      }
    }
  }
  .el-input__inner {
    line-height: 1.5;
    outline: none;
  }
}

.el-textarea {
  &.is-disabled {
    .el-textarea__inner {
      box-shadow: none;
      cursor: default;
    }
  }
}

.el-button {
  height: 34px;
  border-radius: 6px;
  outline: none;
  &:not(.el-button--primary, .el-button--danger):hover {
    background-color: #f4f4f5;
    border-color: var(--el-button-border-color);
    color: var(--el-button-text-color);
  }
}

.el-button--large {
  height: 40px;
}

.el-button--default {
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-7);
  --el-button-text-color: var(--el-color-primary-light-7);
}

.el-message {
  --el-message-padding: 12px 20px 12px 16px;
  border-radius: 6px;
  background-color: #fff !important;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
  0 3px 6px -4px rgba(0, 0, 0, 0.12),
  0 9px 28px 8px rgba(0, 0, 0, 0.05);
  border: none;
  .el-message__content {
    color: #333;
  }
}

.el-message-box {
  --el-messagebox-padding-primary: 26px;
  --el-messagebox-border-radius: 10px;
  --el-messagebox-box-shadow: 0 4px 15px #0000001a,0 1px 4px #0000000d;
  --el-messagebox-font-size: 17px;

  .el-message-box__title {
    font-weight: 600;
    color: #000;
  }

  .el-message-box__message {
    color: #000;
  }
}